<template>
  <div>
    <HeaderTop :enable-shadow="true"/>

    <SpotComponent :enable-pagination="true"
                   :enable-city="true"
                   mode="list-h"
                   :item-count="6" />


    <ALFooter/>

  </div>
</template>

<script>
  import HeaderTop from "@/components/public/HeaderTop";
  import {request} from "@/util/network/request";
  import ALImage from "@/components/public/ALImage";
  import ALFooter from "../../components/public/ALFooter";
  import SpotComponent from "./component/SpotComponent";
  // import TitleNode from "../../components/public/TitleNode";


  export default {

    name: "Spot",
    components: {SpotComponent, ALFooter, HeaderTop},

    data() {
      return {

      }
    },

    mounted() {


    },

    methods: {


    },
  }
</script>

<style scoped>

</style>
